.react-grid-item,
.openBox,
.obviousBox {
  background: url(../assets/images/temp/bd.png);
  background-size: 100% 100%;
  position: relative;
  &:hover .bg-close {
    opacity: 1;
  }
  .echarts-for-react {
    position: absolute;
    top: 0;
  }
  .bg-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 24px;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
  }
  .bg-icon {
    &:nth-child(2) {
      position: absolute;
    }

    &:nth-child(3) {
      position: absolute;
      top: 0;
      right: 0;
      transform: rotate(90deg);
    }

    &:nth-child(4) {
      position: absolute;
      bottom: 0;
      left: 0;
      transform: rotate(270deg);
    }

    &:nth-child(5) {
      position: absolute;
      bottom: 0;
      right: 0;
      transform: rotate(-180deg);
    }

    &:nth-child(6) {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
    }

    &:nth-child(7) {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%) rotate(180deg);
    }
  }
  .bg-eGauge {
    width: 100%;
    // height: 100%;;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .title-box {
    height: 30px;
    width: 360px;
    max-width: 75%;
    background: url(../assets/images/temp/bg-title.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 14px;
    color: #fff;
  }
  .kitBtn {
    height: 30px;
    // background: #05254b;
    // border: 1px solid #02439d;
    position: absolute;
    top: 35px;
    left: 8px;
    z-index: 9999;
    cursor: pointer;
    span {
      color: #fff;
      display: inline-block;
      height: 30px;
      line-height: 25px;
      width: 28px;
      text-align: center;
    }
  }
}

.ant-table-tbody
  > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
  > td {
  background: none;
}

.ant-table-tbody td {
  color: #fff;
}

.ant-table-thead .ant-table-column-title {
  color: #fff;
}

.droppable-element {
  background: #fff;
  width: 100px;
  height: 100px;
}

.cst-layout {
  min-height: 100%;
}

.global-btn {
  width: 100px;
  height: 50px;
  line-height: 30px;
  margin: 0 10px;
  color: #fff;
  display: inline-block;
  outline: none;
  border: none;
  background: url("../assets/images/temp/global-btn.png") 0 0 no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;

  &:hover {
    cursor: pointer;
    color: #0393ff;
  }
}

.ant-modal-content {
  background: url("../assets/images/temp/bg-tanchuang.png") 0 0 no-repeat;
  background-size: 100% 100%;
  width: 501px;
  height: 291px;
  display: flex;
  align-items: center;
  justify-content: center;
  .ant-modal-body {
    text-align: center;
    padding: 60px 0 24px 0;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    .ant-btn {
      width: 100px;
      height: 50px;
      border: none;
      outline: none;
      background: url("../assets/images/temp/global-btn.png") 0 0 no-repeat;
      color: #fff;
      &:hover {
        color: #03afff;
        background: url("../assets/images/temp/global-btn.png") 0 0 no-repeat;
        border-color: none;
      }
      span {
        line-height: 50px;
      }
    }
    .ant-modal-confirm-body-wrapper {
      .ant-modal-confirm-body {
        .anticon-question-circle {
          display: none;
        }
        .ant-modal-confirm-title {
          text-align: center;
          font-weight: 600;
          font-size: 15px;
          letter-spacing: 1px;
          text-shadow: 0px 0px 8px #006def;
          color: #fff;
        }
      }
    }
  }
  .ant-btn {
    width: 100px;
    height: 50px;
    border: none;
    outline: none;
    background: url("../assets/images/temp/global-btn.png") 0 0 no-repeat;
    color: #fff;
    &:hover {
      color: #03afff;
      background: url("../assets/images/temp/global-btn.png") 0 0 no-repeat;
      border-color: none;
    }
  }
}

// .ant-form-item-label {
//     height: 32px;
//     line-height: 40px;
// }

// .ant-form-item-label>label {
//     font-weight: bolder;
//     font-size: 14px;
//     color: #0393FF;
// }

.ant-col {
  position: relative;
  display: inline-block;
  min-height: 1px;
}

.ant-input,
.ant-select-selection {
  background: none;
  border: 1px solid #0393ff;
  color: #fff;
}
// 输入框获取错误焦点
.has-error {
  .ant-input {
    background: transparent !important;
    &:hover {
      background: transparent !important;
    }
  }
}
//弹框表单lable字
.ant-form-item-label {
  label {
    color: #fff !important;
  }
}
.ant-form-explain {
  text-align: left;
}
.ant-select-arrow-icon,
.ant-select-clear-icon {
  color: #0393ff;
  background: none;
}

.active-tag-views {
  color: #03afff !important;
}

// .ant-modal-confirm-body {
//   .ant-modal-confirm-title {
//     color: #fff;
//   }
// }

// .ant-modal-confirm-title {
//   text-align: left;
// }
// .ant-modal-confirm-body-wrapper {
//   margin-top: 40px;
// }
// .ant-modal-confirm-btns {
//   float: none !important;
//   margin-left: 0 !important;
// }

.ant-dropdown-menu-item-divider {
  background-color: #02439d;
}

.ant-progress-line {
  width: 200px;
  display: inline-block;
}

.progress-label {
  display: inline-block;
  margin-right: 20px;
  color: #ffffff;
  font-size: 10px;
  // font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.ant-progress-inner,
.ant-progress-bg {
  // border-radius: 4px;
  background: none;
}

.ant-progress-text,
.ant-progress-status-success {
  color: #ffffff !important;
  font-size: 10px;
}

// 单条进度条样式
.crime-content {
  padding: 6px 50px;
  // height: 92%;
  &:first-child {
    margin-top: 20px;
  }
  .crime-content-pro {
    display: flex;
    height: 30%;
    margin-top: 20px;

    span {
      color: #fff;
      line-height: 30px;
      display: inline-block;
    }

    .ant-slider {
      width: 60%;
      display: inline-block;
      margin: 5px 0 0 16px;

      .ant-slider-step {
        height: 12px;
      }

      .ant-slider-track {
        height: 12px;
        border-radius: 6px;
        background: linear-gradient(
          90deg,
          rgba(255, 110, 2, 1) 0%,
          rgba(255, 255, 0, 1) 100%
        );
      }

      .ant-slider-rail {
        background: transparent;
      }

      .ant-slider-rail:hover {
        background: transparent;
      }

      .ant-slider-handle {
        display: none;
      }
    }
  }
}
.equipment-content {
  padding: 50px 50px;
  height: 92%;
  display: flex;
  flex-wrap: wrap;
  .crime-content-pro {
    display: flex;
    height: 38px;
    margin-top: 20px;
    width: 100%;

    span {
      color: #fff;
    }

    .crime-content-title {
      border-right: 1px solid rgba(18, 195, 249, 1);
      padding-right: 10px;
      line-height: 38px;
      display: inline-block;
    }

    .crime-content-pro-box {
      width: 50%;

      .number {
        // margin-left: 20px;
        font-size: 12px;
        color: #01b9f6;
      }

      .ant-slider {
        width: 50%;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        margin-left: 10px;
        height: 16px;

        .ant-slider-step {
          height: 12px;
        }

        .ant-slider-track {
          height: 16px;
          border-radius: 0px;
          background: linear-gradient(
            -90deg,
            rgba(0, 156, 255, 1) 0%,
            rgba(17, 199, 252, 1) 100%
          );
        }

        .ant-slider-rail {
          background: transparent;
        }

        .ant-slider-rail:hover {
          background: transparent;
        }

        .ant-slider-handle {
          display: none;
        }
      }
    }
  }
}
.ant-calendar-picker-input {
  width: 138px !important;
}

// 骨架屏样式
.ant-skeleton {
  &-title {
    background: linear-gradient(
      90deg,
      #063357 25%,
      #05203c 37%,
      #063357 63%
    ) !important;
  }
  &-paragraph {
    li {
      width: 100% !important;
      background: linear-gradient(
        90deg,
        #063357 25%,
        #05203c 37%,
        #063357 63%
      ) !important;
    }
  }
}
.openBox {
  width: 64%;
  height: 70%;
  position: fixed;
  left: 18%;
  bottom: 7%;
  > div {
    width: 100%;
    height: 100%;
    .kitBtn {
      display: none;
    }
    .bg-close {
      display: none;
      width: 13px;
      height: 13px;
    }
  }
}
.obviousBox {
  width: 50%;
  height: 60%;
  background: url(/static/media/bg-tanchuang.041d6ed4.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: fixed;
  left: 25%;
  top: 26%;
  padding: 60px 82px; 
  box-sizing: border-box;
  .ant-table-wrapper {
    border: 1px solid #02439D;
    .ant-table-body {
      .ant-table-thead {
        tr {
          th {
            background: transparent;
            border-bottom: 1px solid #02439D;
            border-right: 1px solid #02439D;
            text-align: center;
            color: #4BAEFD;
          }
          th:last-child {
            border-right: none;
          }
        }
        .ant-table-column-title {
          color: #4BAEFD;
        }
      }
      tr {
        td {
            border-bottom: 1px solid #02439D;
            border-right: 1px solid #02439D;
            text-align: center;
            padding: 9px 16px;
        }
        td:last-child {
          border-right: none;
        }
      }
    }
    .ant-pagination {
      margin-right: 14px;
      .ant-pagination-prev .ant-pagination-item-link, 
      .ant-pagination-next .ant-pagination-item-link {
        background: #05254B;
        color: #A7ACCB;
        font-size: 14px;
        font-weight: 900;
        border: none;
      }
    }
  }
}
.filterBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #20263b;
  color: #fff;
  padding: 80px 20px;
  .filterCondition {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #Fff;
  }
  .ant-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}
.ant-input-number {
  background: #05254b;
  border: 1px solid #05254b;
}